import React, { Component } from "react";
// 只有类组件可以写state,state相当于是vue的data
// 只有将数据写在state里面才能保证有响应式

// let name = "xiangge";

class App extends Component {
  // 1. 在构造函数的构造器里面去定义state
  // constructor是class的特殊函数，是当构造函数被实例化的那个时候执行
  // constructor是组件最早执行的一个函数，只执行一次
  // constructor() {
  //   super();
  //   this.state = {
  //     name: "xiangge",
  //   };
  // }

  // 2. 直接给类添加state属性
  state = {
    name: "xiangge",
  };

  render() {
    console.log(this);
    return (
      <>
        <h2>state的定义</h2>
        <p>name: {this.state.name}</p>
      </>
    );
  }
}

export default App;
